<template>
  <div class="home">
    <div class="nav">
      <div class="logo">
        <img src="@/assets/lo.png" alt="logo" />
      </div>
      <van-search placeholder="请输入搜索关键词" shape="round" />
    </div>
  </div>
</template>

<script>
import request from "@/utils/request";
export default {
  name: "Home",
  data() {
    return {};
  },

  created() {
    // 测试了一下，可删
    request.get("/api/shop/banner").then(data => {
      console.log("data", data);
    });
  }
};
</script>

<style lang="less" scoped>
.nav {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .van-search {
    width: 85%;
  }
  .logo {
    height: 40px;
    width: 40px;
    margin-left: 10px;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
